<?php include('header.php'); ?>

<!-- additional javascript hear -->
<script src="http://maps.google.com/maps?file=api&amp;v=3&amp;sensor=true&amp;key=ABQIAAAA1QnAxBtPWpvkkIJ1M7uNRhSaZr1EoDksNVh5CWAzOfD4zrQihBTtbZTHEHq4q97m9-r8YVi8kTiliA" type="text/javascript"></script>
<script type="text/javascript">
var lat = "<?=$lat;?>"
var lng = "<?=$lng;?>";
    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
		map.addControl(new GLargeMapControl());        
		map.addControl(new GMapTypeControl());
		
		var centerPoint = new GLatLng(lat, lng);
		map.setCenter(centerPoint, 9);	

		// add a draggable marker
		var marker = new GMarker(centerPoint, {draggable: true});
		map.addOverlay(marker);
				
		// add a drag listener to the map
		GEvent.addListener(marker, "dragend", function() {
		var point = marker.getPoint();
		map.panTo(point);
		var urlLat = point.lat();
		var urlLng = point.lng();
		document.getElementById("lat").value = urlLat;
		document.getElementById("lng").value = urlLng;
		});
       }
     }
</script>
</head>
<body onLoad="initialize()" onUnload="GUnload()">
<div id="wrapper">
<!-- menu -->
<?php include('menu.php'); ?>
<!-- end menu -->

<!-- navigator -->
<?php include('navigator.php'); ?>
<!-- nav end -->

<div id="one_wide">
<?php echo validation_errors('<div class="error">', '</div>'); ?>
	
<div class="item">
<h2>ระบุตำแหน่งที่ตั้งของคุณ</h2>
<div id="map_canvas" style="border:1px solid #ffecd9; width: 100%; height: 400px"></div>
<p>
<?php echo form_open('profile/mymap');?>
<h2>คำแนะนำ</h2>
<p>
กรอกพิกัด Latitude และ Longitude ที่ตั้งของคุณ หรือ คลิกเมาส์ค้างที่ marker แล้วลากเพื่อกำหนดที่ตั้งของคุณเอง <i>(การระบุตำแหน่งของคุณนั้น ทำให้เพื่อนๆที่อยู่ในละแวกใกล้เคียงสามารถพบเห็นคุณได้บนแผนที่ ว่าคุณอยู่ที่ไหนและกำลังทำอะไรอยู่...)</i>
</p>
Latitude:<input size="20" type="text" name="latitude" id="lat"  value="<?=$lat;?>"  />
Longitude:<input size="20" type="text" name="longitude" id="lng"  value="<?=$lng;?>" />
<input class="button" type="submit" value="ตกลง" > หรือ <input class="button" type="button" onclick="parent.location='<?=base_url();?>profile'" value="เปลี่ยนใจไม่เอาดีกว่า" >
</form>
</p>
</div>
 </div>
<!-- footer -->
<?php include('footer.php');?>
<!-- footer end -->
</div>
</body>
</html>